<div class="modal fade in ip-box" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true" id="details">
    <div class="modal-dialog modal-lg modal-lg-f modal-lg-calc" role="document" *ngIf="details">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">应用管理 — 详情</h4>
            </div>
            <form name="detailsForm">
                <div class="popup-body modal-body">
                    <div class="col-xs-12 col-sm-6">
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label text-right">所属机构：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p>{{ app.tree.institutionName }}</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label text-right">名称：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p>{{ details.result.appName }}</p>
                            </div>       
                        </div>
                         <div class="form-group ">
                            <label class="col-xs-12 col-sm-3 control-label text-right">唯一标识：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p>{{ details.result.appKey }}</p>
                            </div>       
                        </div>

                        <div class="form-group" >
                            <label class="col-xs-12 col-sm-3 control-label text-right">密钥：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p>{{ details.result.appSecret }}</p>
                            </div>       
                        </div>

                        <div class="form-group ">
                            <label class="col-xs-12 col-sm-3 control-label text-right">应用类型：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p *ngIf="details.result.appType==0">普通应用</p>
                                <p *ngIf="details.result.appType==1">内部站点</p>
                            </div>       
                        </div>
                    </div> 

                    <div class="col-xs-12 col-sm-6">
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label text-right"></label>
                            <div class="col-xs-12 col-sm-9"><p>&nbsp;</p></div>
                        </div>
                        <div class="form-group ">
                            <label class="col-xs-12 col-sm-3 control-label text-right">URL：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p>{{ details.result.appUri }}</p>
                            </div>       
                        </div>

                        <div class="form-group ">
                            <label class="col-xs-12 col-sm-3 control-label text-right">IP地址：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p>{{ details.result.appIp }}</p>
                            </div>       
                        </div>
                        
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label text-right" >授权类型：</label>
                            <div class="col-xs-12 col-sm-9">
                                <div class="checkbox">
                                    <span>授权码Code</span>
                                </div>
                            </div>       
                        </div>

                        <div class="form-group ">
                            <label class="col-xs-12 col-sm-3 control-label text-right">应用状态：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p *ngIf="details.result.status==0">待审核</p>
                                <p *ngIf="details.result.status==1">正常</p>
                                <p *ngIf="details.result.status==2">冻结</p>
                                <p *ngIf="details.result.status==3">逻辑删除</p>
                                <p *ngIf="details.result.status==4">不合格</p>
                            </div>       
                        </div>
                    </div>

                    <!-- 许可类型 BEGIN -->
                        <div class="col-xs-12 col-sm-12">
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-2 control-label text-right">许可类型：</label>
                                <div class="col-xs-12 col-sm-10" style="padding-top:8px;">
                                    
                                    <div class="margin-top-zero checkbox col-xs-12 col-sm-3" 
                                        *ngFor="let displayname of grantTypeDisplayName"
                                        >
                                        <span>{{ displayname }}</span>
                                    </div>

                                </div>
                            </div>
                        </div>
                    <!-- 许可类型 END -->
                    
                    <!-- 授权范围 BEGIN -->
                        <div class="col-xs-12 col-sm-12">
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-2 control-label text-right">授权范围：</label>
                                <div class="col-xs-12 col-sm-10">
                                    <div *ngFor="let val of scopeDisplayName">
                                        <fieldset class="field" *ngIf="val.scopeName.length!=0">
                                            <legend>{{ val.serviceTypeName }}</legend>
                                            <div style="padding-left:30px">
                                                <div class="col-xs-6 col-sm-4" *ngFor="let scopeName of val.scopeName">
                                                    <span>{{ scopeName }}</span>
                                                </div>
                                            </div>
                                        </fieldset>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <!-- 授权范围 END -->
                    
                    <!-- 图片 BEGIN -->
                        <div class="col-xs-12 col-sm-12">
                            <div class="form-group" >
                                <label class="col-xs-12 col-sm-2 control-label text-right">图片：</label>
                                <div class="col-xs-12 col-sm-10">
                                    <div class="input-group col-md-12 pull-right">
                                        <img ng-src="../images/header/user-img.png">
                                    </div>
                                </div>  
                                <div class="overflow-hide app-img col-xs-12 col-sm-6">
                                    <img class="show-img" [src]="details.result.appImage">
                                </div>     
                            </div>
                        </div>
                    <!-- 图片 END -->

                    <div class="col-xs-12 col-sm-12">
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-2 control-label text-right">简介：</label>
                            <div class="col-xs-12 col-sm-10">
                                <textarea rows="5" 
                                          type="text" 
                                          name="appSummary" 
                                          class="form-control readonly"
                                          readonly 
                                          [value]="details.result.appSummary"
                                          >                                    
                                </textarea>
                                
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" 
                            class="btn btn-fff" 
                            data-dismiss="modal"
                            >关闭
                    </button>
                </div>
            </form>  
        </div>
    </div>
</div>